<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<div th:fragment="side-fragment" class="am-u-lg-4 am-u-sm-12 am-u-lg-offset-0 am-u-sm-offset-0 sidebar-container">
    <section>
        <section>
            <div class="sidebar-header">
                <span class="sidebar-header-title">
                    搜索文章
                </span>
            </div>
            <div class="sidebar-search">
                <form method="get" onsubmit="return false;" accept-charset="utf-8">
                    <div class="search-input">
                        <input type="text" name="keyword" id="searchbox" placeholder="输入关键字搜索">
                        <button type="submit" class="search-submit" onclick="blogPage1()">
                        </button>
                        <div>
                </form>
            </div>
        </section>
        <section>
            <div class="sidebar-header">
                <span class="sidebar-header-title">
                    点击最多
                </span>
            </div>
            <main class="sidebar-lists">
                <ul class="hot-list">
                    <!--TODO-->
                </ul>
            </main>
        </section>
        <section>
            <div class="sidebar-header">
                <span class="sidebar-header-title">
                    分类
                </span>
            </div>
            <div class="tags ">
                <ul class="catalogue-list" style="padding-left: 10px"></ul>
            </div>
        </section>
        <section>
            <div class="sidebar-header" style="padding-top: 0">
                <span class="sidebar-header-title">
                    最新发布
                </span>
            </div>
            <div class="sidebar-list" style="margin-left: 10px">
                <ul class="sidebar-list-body sidebar-list-items" >
                    <!--TODO-->
                </ul>
            </div>
        </section>
</div>
</html>